<!DOCTYPE html>
<html>
<head>
<title>开米石 Demo</title>
<include file="CommonHome:head.meta.inc" />
<include file="CommonHome:head.script.inc" />

<style type="text/css">
        /* Basic styles */
        .rwd-example .ui-body {
            text-align: left;
            border-color: #ddd;
            border: #ff0000 1px solid;
            margin: 0.25em;
        }
        .rwd-example p {
            color: #777;
        }

        /* Stack all blocks to start */
        .rwd-example .ui-block-c {
            width: 100px;
             float: left;
            border: #949 1px solid;
            margin: .75em;
        }
        
        .rwd-example .ui-block-c .ui-icon-bg{

            background-image: url(__PUBLIC__/_assets/img/ok.gif);
        }

        /* 3rd breakpoint - Bump up font size at very wide screens */
        @media all and (min-width: 75em) {

            .rwd-example .ui-block-c {
              float: left;
              width: 100px;
              border: #0099FF 1px solid;
            }
            .rwd-example .ui-block-b,
            .rwd-example .ui-block-c {
              float: left;
              width: 100px;
            }
        }
    </style>
    
</head>
<body>


<div data-role="page" id="pageone">
  <div data-role="header">
  <h1>开米石 Demo</h1>
  </div>

  <nav data-role="navbar">
    <ul>
      <li><a href="__GROUP__/Table/index"  data-transition="slide" data-icon="home">餐台</a></li>
      <li><a href="__GROUP__/Payment/index"  data-transition="slide" data-icon="grid">账单</a></li>
      <li><a href="#" data-rel="dialog" data-icon="calendar">更多</a></li>
    </ul>
  </nav>
  
  <div data-role="main" class="ui-content">

<div class="rwd-example">
<volist name="list" id="vo">
<!-- Lead story block -->
<div class="ui-block-c">
<div class="ui-body ui-body-d {$vo.state_css}">
<p><a href="{$vo.state_url}">{$vo.table_num}</a></p>
</div>
</div>
</volist>
</div>
<!-- /rwd-example -->
         
         
         
         
    </div>
       
  <div data-role="footer" data-position="fixed" >
    
   <h3> demos</h3>
 </div> 
  </div> 
  
  
  <div data-role="page" id="kamiclose">
  <div data-role="header">
  <h1>确认</h1>
  </div>

  <div data-role="main" class="ui-content">
  <p>重新清台</p>
  <a href="#pageone" data-role="button" data-inline="true" data-icon="back">执行</a>
  <a href="#pageone" data-role="button" data-inline="true" data-icon="back">取消</a>
  </div>

  <div data-role="footer">
  <h1>清台流程</h1>
  </div>
</div> 




</body>
</html>